<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详情页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/goodlist.min.css">
    <link rel="stylesheet" href="../css/font/iconfont.css">
    <link rel="stylesheet" href="../css/head.min.css">
    <link rel="stylesheet" href="../css/foot.min.css">
</head>

<body>
    <div id="sanxing">
        <iframe src="head.html" frameborder="0" width="1349px" height="102px" scrolling="no"></iframe>
        <div class="container" >
            <ul class="list-top">
                <li><a href="/">网上商城</a></li>
                <li class="divider">/</li>
                <li><a href="/">智能手机</a></li>
                <li class="divider">/</li>
                <li>Galaxy S10+ 12GB+1TB版本</li>
            </ul>
            <div class="pro-info" >
                <div class="proImg">
                    <div class="smartimg">
                        <button class="prev">
                            <span class="iconfont">&#xe65b;</span>
                        </button>
                        <ul class="slideScroll">
                            <li><a href="javascript:void(0)"><img class="kind-img" src="../img/xqsmal1.jpg" alt=""></a></li>
                            <li><a href="javascript:void(0)"><img class="kind-img" src="../img/xqsmal2.jpg" alt=""></a></li>
                            <li><a href="javascript:void(0)"><img class="kind-img" src="../img/smalpic1.jpg" alt=""></a></li>
                            <li><a href="javascript:void(0)"><img class="kind-img" src="../img/xqsmal2.jpg" alt=""></a></li>
                            <li><a href="javascript:void(0)"><img class="kind-img" src="../img/xqsmal1.jpg" alt=""></a></li>
                            <li><a href="javascript:void(0)"><img class="kind-img" src="../img/xqsmal2.jpg" alt=""></a></li>
                            <li><a href="javascript:void(0)"><img class="kind-img" src="../img/xqsmal2.jpg" alt=""></a></li>
                        </ul>
                        <button class="next"><span class="iconfont">&#xe684;</span>
                        </button>
                    </div>
                    <div class="largeimg">
                        <div class="img-box" data-id="oid">
                            <!-- <a href="javascript:void(0)"><img src="" alt=""></a> -->
                        </div>
                        <!-- <div class="img-shade">
                            <a href="javascript:void(0)"><img src="" alt=""></a>
                        </div> -->
                        <div class="img-bottom">
                            <div class="enlarge">
                                <span><img src="https://res.samsungeshop.com.cn//images/newpdp/svg-pd-zoom-pc.svg"
                                        alt="">放大</span>
                            </div>
                            <div class="lessen">
                                <span><img src="https://res.samsungeshop.com.cn//images/newpdp/svg-pd-zoom-pc.svg"
                                        alt="">缩小</span>
                                <div class="btn-arrow">
                                    <button type="button" class="btnup"></button>
                                    <button type="button" class="btndown"></button>
                                    <button type="button" class="btnleft"></button>
                                    <button type="button" class="btnright"></button>
                                </div>
                            </div>
                            <div class="prox-img">
                                <dl>
                                    <dt>
                                        <span class="iconfont">&#xe6e7;</span>
                                    <dd>以旧换新</dd>
                                    </dt>
                                </dl>
                                <dl>
                                    <dt>
                                        <span class="iconfont">&#xe6c1;</span>
                                    <dd>分期付款</dd>
                                    </dt>
                                </dl>
                                <dl>
                                    <dt>
                                        <span class="iconfont">&#xe60c;</span>
                                    <dd>服务管家</dd>
                                    </dt>
                                </dl>
                                <dl>
                                    <dt>
                                        <span class="iconfont">&#xe611;</span>
                                    <dd>购机好礼</dd>
                                    </dt>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="prochoose">
                    <div class="goodsname">
                        <h1 class="sname">Galaxy A90 5G
                        </h1>
                        <p>SM-A9080</p>
                    </div>
                    <div class="goodscon">
                        <ul>
                            <li>疾速5G畅快体验、4500毫安大容量电池、全息3D格纹设计</li>
                            <li>享至高24期免息分期+星巴克100元星礼卡</li>
                            <li>购买赠送三星积分，账户积分可抵购机款</li>
                            <li>旧机可抵新机款享换新补贴至高400元</li>
                            <li>开宝箱赢星钻</li>
                        </ul>
                        <div class="choose-version">
                            <h3>选择版本</h3>
                            <div class="detail">5G</div>
                        </div>
                        <div class="choose-color">
                            <h3>选择颜色</h3>
                            <div class="detail">
                                <div class="detail-con">
                                    <div class="thumbpic"><img src="../img/xqsmal1.jpg" alt=""></div>
                                    <div class="thumbcolor"><span></span></div>
                                    <div>空间白</div>
                                </div>
                            </div>
                            <div class="detail">
                                <div class="detail-con">
                                    <div class="thumbpic">
                                        <img src="../img/xqsmal2.jpg" alt="">
                                    </div>
                                    <div class="thumbcolor">
                                        <span></span>
                                    </div>
                                    <div>全息黑</div>
                                </div>
                            </div>
                        </div>
                        <div class="choose-memory">
                            <h3>选择内存</h3>
                            <div class="detail">
                                8GB RAM<br>
                                128GB ROM
                            </div>
                        </div>
                        <div class="credit-pay">
                            <h3>分期付款</h3>
                            <div class="detail">
                                <span class="iconfont">&#xe612;
                                </span>您可在结算页面选择合适的分期付款方式
                            </div>
                        </div>
                        <div class="serve">
                            <h3>管家服务</h3>
                            <div class="detail">
                                <div class="aixin">
                                    <span class="iconfont">&#xe60c;</span>
                                </div>
                                <div class="text">
                                    您可以选择升级12个月/24个月优惠换屏服务<br>
                                    <a href="">选择优惠换屏服务 ></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fixbanner">
                <!-- 商品名称 -->
                <div class="bannerCon">
                    <div class="shopname">5G + 空间白 + 8GB RAM 128GB ROM</div>
                </div>
                <!-- 积分 -->
                <div class="shop-jg">
                    <div class="jf">
                        <span class="khjf">可获积分</span>
                        <span class="jbjf">基本积分 | 4499</span>
                        <div class="nowprice">￥4499</div>
                    </div>
                    <!-- 标签 -->
                    <div class="shop-gwche">
                        <button type="button" class="tobuy">加入购物车</button>
                        <button type="button" class="changeNew">以旧换新</button>
                    </div>
                    <!-- 置顶 -->
                    <div class="topbtn">
                        <a href="#"><img src="https://res.samsungeshop.com.cn//images/newpdp/topbtn.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="xiangqing">
                <div class="toggle">
                    <dl>
                        <dd class="title">Galaxy A90 5G</dd>
                        <dd class="d1"><a href="###">详情</a>
                            </dd>
                        <dd class="d2"><a href="###">参数</a></dd>
                    </dl>
                </div>
                <div class="detailcon">
                    <div class="remin">
                        <p><b style="font-size: 22px;">温馨提示：</b>三星Galaxy A90
                            5G手机出厂均自带手机贴膜，请确认需求后再激活使用。如手机已激活，或者前后屏贴膜撕掉、划伤或揭起重贴导致的异物和气泡现象，<br>都无法进行7天无理由退换货，为保障您的权益，请在下单前阅读以上三星手机售后服务说明。
                        </p>
                    </div>
                    <div class="moreimgs">
                        <img src="../img/xiangqingpic1.jpg" alt="">
                        <img src="../img/xaingqingpic2.jpg" alt="">
                        <img src="../img/xaingqingpic3.jpg" alt="">
                        <img src="../img/xaingqingpic4.jpg" alt="">
                        <img src="../img/xaingqingpic5.jpg" alt="">
                        <img src="../img/xaingqingpic6.jpg" alt="">
                        <img src="../img/xaingqingpic7.jpg" alt="">
                        <img src="../img/xaingqingpic8.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
        <iframe src="foot.html" frameborder="0" width="1349px" ; height="547px" ; scrolling="no"></iframe>
    </div>
</body>
<script src="../js/jquery-1.10.1.min.js"></script>
<script src="../js/myquery.js"></script>
<script src="../js/goodlist.js"></script>

</html>